<template>
	<view class="render">
		<view id="render" :change:prop="renderjs.updateData">
			{{data}}
		</view>
	</view>
</template>
<script>
	export default {  
	  props: {  
	    data: {  
	      type: String,  
	      default: "",  
	    },  
	  },
			data() {
				prop: this.data
			}
	}  
</script>
<script module="renderjs" lang="renderjs">
	export default {
		name:"RenderJS",
		data() {
			return {};
		},
		methods: {
			initRnder() {
				document.getElementById('render').innerHTML = this.$ownerInstance.$vm.data
				console.log(this.$ownerInstance.$vm.data);
			},
			updateData(newVal, oldVal) {
				console.log(newVal, oldVal, 'asdasdas');
			}
		},
		mounted() {
			this.initRnder()
		}
	}
</script>

<style scoped lang="scss">
	.render {
		width: 100%;
		#render {
			width: 100%;
		}
	}
</style>